<?php
/* @var $this yii\web\View */

use yii\bootstrap\Nav;
use yii\helpers\ArrayHelper;

$this->title = '首页';
?>
<div class="container i_slide">

    <div id="big-slide">
        <div id="slide-primary" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
                <li data-target="#slide-primary" data-slide-to="0" class="active"></li>
                <li data-target="#slide-primary" data-slide-to="1" class=""></li>
                <li data-target="#slide-primary" data-slide-to="2" class=""></li>
            </ol>
            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <img alt="First slide [650*400]" src="/temp/slider.jpg" data-holder-rendered="true">
                </div>
                <div class="item">
                    <img alt="Second slide [650*400]" src="/temp/slider.jpg" data-holder-rendered="true">
                </div>
                <div class="item">
                    <img alt="Third slide [650*400]" src="/temp/slider.jpg" data-holder-rendered="true">
                </div>
            </div>
        </div>
    </div>

    <div class="service-panel pull-right">
        <div class="solutions">
            <div class="title"><span class="theme-text">2-4</span>套方案,<span class="theme-text">10分钟内</span>快速提供</div>
            <div class="solutions-form">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-4 control-label">活动城市</label>
                        <div class="col-sm-8">
                            <select name="city">
                                <option>上海</option>
                                <option>北京</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-4 control-label">会议类型</label>
                        <div class="col-sm-8">
                            <select name="city">
                                <option>上海</option>
                                <option>北京</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-4 control-label">会议时长</label>
                        <div class="col-sm-8">
                            <select name="city">
                                <option>上海</option>
                                <option>北京</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-4 control-label">参加人数</label>
                        <div class="col-sm-8">
                            <select name="city">
                                <option>上海</option>
                                <option>北京</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-4 control-label">会议预算</label>
                        <div class="col-sm-8">
                            <select name="city">
                                <option>上海</option>
                                <option>北京</option>
                            </select>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-theme">发布需求</button>
                </form>
            </div>
        </div>

        <div id="notice-slide" class="notice carousel slide" data-ride="carousel">
            <div class="notice-title">官方公告
                <div class="pull-right control">
                    <a class="left control-btn" href="#notice-slide" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span>
                    </a>
                    <a class="right control-btn" href="#notice-slide" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>
                    </a>
                </div>
            </div>

            <div class="carousel-inner notice-content" role="listbox">
                <div class="item active">
                    互联网+计划，从电商卖场出发！<br/>
                    加入网建服务，打造极致服务！<br/>
                    关于贯彻落实《互联网会议》
                </div>
                <div class="item">
                    预加载公告...
                </div>
            </div>
        </div>
    </div>
</div>


<div id="recommend">
    <div class="container">
        <h3 class="recommend-title primary-recommend">桌桌强力推荐</h3>

        <div class="row">
            <div class="col-sm-3">
                <div class="recommend">
                    <div class="recommend-content">
                        <img src="/temp/jdtemp.png"/>
                        <h3 class="text-center">北京帝景豪庭酒店</h3>
                        <p>朝阳区 东直门外斜街</p>
                        <p>60㎡/38x19x12m/可容纳500人</p>
                    </div>
                    <div class="quote">
                        <span>参考价：14000元</span> <a class="btn btn-theme">邀请报价</a>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="recommend">
                    <div class="recommend-content">
                        <img src="/temp/jdtemp.png"/>
                        <h3 class="text-center">北京帝景豪庭酒店</h3>
                        <p>朝阳区 东直门外斜街</p>
                        <p>60㎡/38x19x12m/可容纳500人</p>
                    </div>
                    <div class="quote">
                        <span>参考价：14000元</span> <a class="btn btn-theme">邀请报价</a>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="recommend">
                    <div class="recommend-content">
                        <img src="/temp/jdtemp.png"/>
                        <h3 class="text-center">北京帝景豪庭酒店</h3>
                        <p>朝阳区 东直门外斜街</p>
                        <p>60㎡/38x19x12m/可容纳500人</p>
                    </div>
                    <div class="quote">
                        <span>参考价：14000元</span> <a class="btn btn-theme">邀请报价</a>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="recommend">
                    <div class="recommend-content">
                        <img src="/temp/jdtemp.png"/>
                        <h3 class="text-center">北京帝景豪庭酒店</h3>
                        <p>朝阳区 东直门外斜街</p>
                        <p>60㎡/38x19x12m/可容纳500人</p>
                    </div>
                    <div class="quote">
                        <span>参考价：14000元</span> <a class="btn btn-theme">邀请报价</a>
                    </div>
                </div>
            </div>
        </div>

        <h3 class="recommend-title theme-recommend">主题场地推荐</h3>

        <!--激情拓展-->
        <div class="theme-list clearfix">
            <div class="theme">
                <img src="/temp/1.jpg" />
            </div>

            <div class="theme-product">
                <div class="col-sm-3">
                    <div class="p-content">
                        <img src="/temp/1-1.jpg" />
                        <h4 class="text-center">北京帝景豪庭酒店</h4>
                        <p>朝阳区 东直门外斜街</p>
                        <p>60㎡/38x19x12m/可容纳500人</p>
                    </div>
                    <p class="price">参考价：14000元</p>
                    <p class="text-center"><a class="btn btn-theme">邀请报价</a></p>
                </div>
                <div class="col-sm-3">
                    <div class="p-content">
                        <img src="/temp/1-2.jpg" />
                        <h4 class="text-center">北京帝景豪庭酒店</h4>
                        <p>朝阳区 东直门外斜街</p>
                        <p>60㎡/38x19x12m/可容纳500人</p>
                    </div>
                    <p class="price">参考价：14000元</p>
                    <p class="text-center"><a class="btn btn-theme">邀请报价</a></p>
                </div>
                <div class="col-sm-3">
                    <div class="p-content">
                        <img src="/temp/1-3.jpg" />
                        <h4 class="text-center">北京帝景豪庭酒店</h4>
                        <p>朝阳区 东直门外斜街</p>
                        <p>60㎡/38x19x12m/可容纳500人</p>
                    </div>
                    <p class="price">参考价：14000元</p>
                    <p class="text-center"><a class="btn btn-theme">邀请报价</a></p>
                </div>
                <div class="col-sm-3">
                    <div class="p-content">
                        <img src="/temp/1-4.jpg" />
                        <h4 class="text-center">北京帝景豪庭酒店</h4>
                        <p>朝阳区 东直门外斜街</p>
                        <p>60㎡/38x19x12m/可容纳500人</p>
                    </div>
                    <p class="price">参考价：14000元</p>
                    <p class="text-center"><a class="btn btn-theme">邀请报价</a></p>
                </div>
            </div>
        </div>

        <!--讲座培训-->
        <div class="theme-list clearfix">
            <div class="theme">
                <img src="/temp/2.jpg" />
            </div>

            <div class="theme-product">
                <div class="col-sm-3">
                    <div class="p-content">
                        <img src="/temp/2-1.jpg" />
                        <h4 class="text-center">北京帝景豪庭酒店</h4>
                        <p>朝阳区 东直门外斜街</p>
                        <p>60㎡/38x19x12m/可容纳500人</p>
                    </div>
                    <p class="price">参考价：14000元</p>
                    <p class="text-center"><a class="btn btn-theme">邀请报价</a></p>
                </div>
                <div class="col-sm-3">
                    <div class="p-content">
                        <img src="/temp/2-2.jpg" />
                        <h4 class="text-center">北京帝景豪庭酒店</h4>
                        <p>朝阳区 东直门外斜街</p>
                        <p>60㎡/38x19x12m/可容纳500人</p>
                    </div>
                    <p class="price">参考价：14000元</p>
                    <p class="text-center"><a class="btn btn-theme">邀请报价</a></p>
                </div>
                <div class="col-sm-3">
                    <div class="p-content">
                        <img src="/temp/2-3.jpg" />
                        <h4 class="text-center">北京帝景豪庭酒店</h4>
                        <p>朝阳区 东直门外斜街</p>
                        <p>60㎡/38x19x12m/可容纳500人</p>
                    </div>
                    <p class="price">参考价：14000元</p>
                    <p class="text-center"><a class="btn btn-theme">邀请报价</a></p>
                </div>
                <div class="col-sm-3">
                    <div class="p-content">
                        <img src="/temp/2-4.jpg" />
                        <h4 class="text-center">北京帝景豪庭酒店</h4>
                        <p>朝阳区 东直门外斜街</p>
                        <p>60㎡/38x19x12m/可容纳500人</p>
                    </div>
                    <p class="price">参考价：14000元</p>
                    <p class="text-center"><a class="btn btn-theme">邀请报价</a></p>
                </div>
            </div>
        </div>

        <!--新品发布会-->
        <div class="theme-list clearfix">
            <div class="theme">
                <img src="/temp/3.jpg" />
            </div>

            <div class="theme-product">
                <div class="col-sm-3">
                    <div class="p-content">
                        <img src="/temp/3-1.jpg" />
                        <h4 class="text-center">北京帝景豪庭酒店</h4>
                        <p>朝阳区 东直门外斜街</p>
                        <p>60㎡/38x19x12m/可容纳500人</p>
                    </div>
                    <p class="price">参考价：14000元</p>
                    <p class="text-center"><a class="btn btn-theme">邀请报价</a></p>
                </div>
                <div class="col-sm-3">
                    <div class="p-content">
                        <img src="/temp/3-2.jpg" />
                        <h4 class="text-center">北京帝景豪庭酒店</h4>
                        <p>朝阳区 东直门外斜街</p>
                        <p>60㎡/38x19x12m/可容纳500人</p>
                    </div>
                    <p class="price">参考价：14000元</p>
                    <p class="text-center"><a class="btn btn-theme">邀请报价</a></p>
                </div>
                <div class="col-sm-3">
                    <div class="p-content">
                        <img src="/temp/3-3.jpg" />
                        <h4 class="text-center">北京帝景豪庭酒店</h4>
                        <p>朝阳区 东直门外斜街</p>
                        <p>60㎡/38x19x12m/可容纳500人</p>
                    </div>
                    <p class="price">参考价：14000元</p>
                    <p class="text-center"><a class="btn btn-theme">邀请报价</a></p>
                </div>
                <div class="col-sm-3">
                    <div class="p-content">
                        <img src="/temp/3-4.jpg" />
                        <h4 class="text-center">北京帝景豪庭酒店</h4>
                        <p>朝阳区 东直门外斜街</p>
                        <p>60㎡/38x19x12m/可容纳500人</p>
                    </div>
                    <p class="price">参考价：14000元</p>
                    <p class="text-center"><a class="btn btn-theme">邀请报价</a></p>
                </div>
            </div>
        </div>

        <!--年会答谢-->
        <div class="theme-list clearfix">
            <div class="theme">
                <img src="/temp/4.jpg" />
            </div>

            <div class="theme-product">
                <div class="col-sm-3">
                    <div class="p-content">
                        <img src="/temp/4-1.jpg" />
                        <h4 class="text-center">北京帝景豪庭酒店</h4>
                        <p>朝阳区 东直门外斜街</p>
                        <p>60㎡/38x19x12m/可容纳500人</p>
                    </div>
                    <p class="price">参考价：14000元</p>
                    <p class="text-center"><a class="btn btn-theme">邀请报价</a></p>
                </div>
                <div class="col-sm-3">
                    <div class="p-content">
                        <img src="/temp/4-2.jpg" />
                        <h4 class="text-center">北京帝景豪庭酒店</h4>
                        <p>朝阳区 东直门外斜街</p>
                        <p>60㎡/38x19x12m/可容纳500人</p>
                    </div>
                    <p class="price">参考价：14000元</p>
                    <p class="text-center"><a class="btn btn-theme">邀请报价</a></p>
                </div>
                <div class="col-sm-3">
                    <div class="p-content">
                        <img src="/temp/4-3.jpg" />
                        <h4 class="text-center">北京帝景豪庭酒店</h4>
                        <p>朝阳区 东直门外斜街</p>
                        <p>60㎡/38x19x12m/可容纳500人</p>
                    </div>
                    <p class="price">参考价：14000元</p>
                    <p class="text-center"><a class="btn btn-theme">邀请报价</a></p>
                </div>
                <div class="col-sm-3">
                    <div class="p-content">
                        <img src="/temp/4-4.jpg" />
                        <h4 class="text-center">北京帝景豪庭酒店</h4>
                        <p>朝阳区 东直门外斜街</p>
                        <p>60㎡/38x19x12m/可容纳500人</p>
                    </div>
                    <p class="price">参考价：14000元</p>
                    <p class="text-center"><a class="btn btn-theme">邀请报价</a></p>
                </div>
            </div>
        </div>


<!--        <h3 class="z-strategy">桌桌攻略</h3>-->
<!---->
<!--        <div class="row">-->
<!--            <div class="col-sm-3">-->
<!--                <div class="strategy">-->
<!--                    <span class="mark theme">主题</span>-->
<!--                    <img src="/temp/theme.gif" />-->
<!--                    <div class="content">-->
<!--                        <h4>寻找极具特色的会议场所</h4>-->
<!--                        <p>络绎不绝的游人在厦门欣赏美景、体验生活、感受文化。但只有你走进一家独立书屋，才能真正感知厦门安静又内敛的情调</p>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!---->
<!--            <div class="col-sm-3">-->
<!--                <div class="strategy">-->
<!--                    <span class="mark share">分享</span>-->
<!--                    <img src="/temp/share.gif" />-->
<!--                    <div class="content">-->
<!--                        <h4>都教授会光顾的餐厅</h4>-->
<!--                        <p>络绎不绝的游人在厦门欣赏美景、体验生活、感受文化。但只有你走进一家独立书屋，才能真正感知厦门安静又内敛的情调</p>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!---->
<!--            <div class="col-sm-3">-->
<!--                <div class="strategy">-->
<!--                    <span class="mark dynamic">动态</span>-->
<!--                    <img src="/temp/dynamic.gif" />-->
<!--                    <div class="content">-->
<!--                        <h4>桌桌参加酒店峰会，盛况空前</h4>-->
<!--                        <p>络绎不绝的游人在厦门欣赏美景、体验生活、感受文化。但只有你走进一家独立书屋，才能真正感知厦门安静又内敛的情调</p>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!---->
<!--            <div class="col-sm-3">-->
<!--                <div class="new-demand">-->
<!--                    <div class="demand-title clearfix">-->
<!--                        <img src="images/new.png" class="pull-left"/>-->
<!--                        <div class="pull-left nums">-->
<!--                            <h4>本月新增会议数</h4>-->
<!--                            <strong><span>6500</span>个</strong>-->
<!--                        </div>-->
<!--                    </div>-->
<!---->
<!--                    <ul class="list-unstyled">-->
<!--                        <li><a href="#">【工作会/总结会】房多***公司在上海找的会议场地</a></li>-->
<!--                        <li><a href="#">【培训/讲座】广东***公司在深圳找500+的会议场地</a></li>-->
<!--                        <li><a href="#">【培训/讲座】深圳***公司在深圳找100-200的会议场地</a></li>-->
<!--                        <li><a href="#">【发布会/颁奖/庆典】北京***公司在上海找100-200人的会议场地</a></li>-->
<!--                        <li><a href="#">【培训/讲座】兆亮***公司在武汉找 10-30	的会议场地</a></li>-->
<!--                        <li><a href="#">【培训/讲座】深圳***公司在深圳找100-200的会议场地</a></li>-->
<!--                        <li><a href="#">【发布会/颁奖/庆典】北京***公司在上海找100-200人的会议场地</a></li>-->
<!---->
<!--                    </ul>-->
<!--                </div>-->
<!--            </div>-->
<!---->
<!--        </div>-->

        <h3 class="comment-title">名人点评</h3>

        <div class="row comment">
            <div class="col-sm-4">
                <a class="comment-warp">
                    <img src="/temp/r-1.gif" />
                    <div class="content">
                        目前一直与桌桌合作，几个特点较突出：想客户之所想，服务前瞻性强，方案和服务均超出预期，每次服务都有新亮点。
                    </div>
                </a>
            </div>

            <div class="col-sm-4">
                <a class="comment-warp">
                    <img src="/temp/r-2.gif" />
                    <div class="content">
                        目前一直与桌桌合作，几个特点较突出：想客户之所想，服务前瞻性强，方案和服务均超出预期，每次服务都有新亮点。
                    </div>
                </a>
            </div>

            <div class="col-sm-4">
                <a class="comment-warp">
                    <img src="/temp/r-3.gif" />
                    <div class="content">
                        目前一直与桌桌合作，几个特点较突出：想客户之所想，服务前瞻性强，方案和服务均超出预期，每次服务都有新亮点。
                    </div>
                </a>
            </div>
            <div class="col-sm-4">
                <a class="comment-warp">
                    <img src="/temp/r-4.gif" />
                    <div class="content">
                        目前一直与桌桌合作，几个特点较突出：想客户之所想，服务前瞻性强，方案和服务均超出预期，每次服务都有新亮点。
                    </div>
                </a>
            </div>
            <div class="col-sm-4">
                <a class="comment-warp">
                    <img src="/temp/r-5.gif" />
                    <div class="content">
                        目前一直与桌桌合作，几个特点较突出：想客户之所想，服务前瞻性强，方案和服务均超出预期，每次服务都有新亮点。
                    </div>
                </a>
            </div>
            <div class="col-sm-4">
                <a class="comment-warp">
                    <img src="/temp/r-6.gif" />
                    <div class="content">
                        目前一直与桌桌合作，几个特点较突出：想客户之所想，服务前瞻性强，方案和服务均超出预期，每次服务都有新亮点。
                    </div>
                </a>
            </div>
        </div>
    </div>

</div>